<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>首页</title>
    <meta name="keywords" content="虎居农产品.餐饮农产品,外卖,餐饮，本地生活，蔬菜、水果。">
    <meta name="description"
          content="虎居农产品.餐饮本地生活外卖极速达(www.huju168.com)-虎居本地生活,网上商城,虎居以泛农业 餐饮 本地生活  产品B端门店就近30分钟送到达C端,S端供应链产地直发。为供应+新零售数字化赋能">
    <meta name="baidu-site-verification" content="p00QJqUb35"/>
    <meta name="360-site-verification" content="8d085bb267643604773ae59894477d4c"/>
    <meta name="baidu-site-verification" content="aXxWonHa0M"/>
    <meta property="og:image" content="logo360so.jpg"/>
    <link th:href="@{/css/index.css}" rel="stylesheet" 0="app\assets\AppAsset">
    <link th:href="@{/css/iconfont.css}" rel="stylesheet" 0="app\assets\AppAsset">
    <link th:href="@{/css/site-base.css}" rel="stylesheet" 0="app\assets\AppAsset">
    <link th:href="@{/css/main.css}" rel="stylesheet" 0="app\assets\AppAsset">
    <link th:href="@{/css/process.css}" rel="stylesheet" 0="app\assets\AppAsset">
    <link rel="shortcut icon" th:href="@{/images/404.jpg}">
    <script language="JavaScript" th:src="@{/js/jquery-1.10.2.min.js}"></script>
    <script language="JavaScript" th:src="@{/js/superslide.js}"></script>
    <script language="JavaScript" th:src="@{/js/scroll_city.js}"></script>
    <script language="JavaScript" th:src="@{/js/main.js}"></script>
    <script language="JavaScript" th:src="@{/js/layer.js}"></script>
    <script language="JavaScript" th:src="@{/js/wow.min.js}"></script>
    <script language="JavaScript" th:src="@{/js/template.js}"></script>
    <script language="JavaScript" th:src="@{/js/jquery.cookie.js}"></script>
    <script type="text/javascript" th:src="@{/js/function.js}"></script>
</head>
<body>
<!--header-->
<div class="header">
    <div class="w1180">
        <ul class="fl">
            <li>
                <a th:href="@{/index/index}">虎居首页</a>
            </li>
            <li class="hoverClick site-up top-site-up">
            </li>
            <li class="hoverClick">
                <a class="app-down">
                    <i class="iconfont">&#xe602;</i>
                    手机虎居
                </a>
                <div class="app-up hoverOpen">
                    <img alt="虎居网 下载虎居APP-外卖极速达平台" th:src="@{/picture/app.png}"/>
                </div>
            </li>
            <li class="hoverClick">
                <a class="app-down">
                    <i class="iconfont wx">&#xe603;</i>
                    微信公众号
                </a>
                <div class="app-up hoverOpen">
                    <img alt="虎居网 微信公众号-外卖极速达平台" th:src="@{/picture/vipcn.jpg}"/>
                </div>
            </li>
            <li>
                <a>
                    全国热线：
                    <b class="org">
                        400-9028-521
                    </b>
                </a>
            </li>
        </ul>
        <ul class="fr">

            <li>
                <span style="color: #fc7e31;" th:text="${session.user!=null?'亲，'+session.user.getEuUserName()+'欢迎回来！':'请先登录'}"></span>
            </li>


            <li th:if="${session.user==null}">
                <a th:href="@{/user/tologin}" rel="nofollow">
                    登录
                </a>
            </li>
            <li th:if="${session.user!=null}">
                <a th:href="@{/user/tologin}" rel="nofollow">
                    切换账号
                </a>
            </li>
            <li>
                <a th:href="@{/user/to_reg}" rel="nofollow">
                    注册
                </a>
            </li>
            <li>
                <a th:href="@{/cart/tocart}" target="_blank" rel="nofollow">
                    <i class="cart_icon"></i>
                    购物车
                    <span th:if="${session.car==null}" class="org"th:text="'(0)件'"></span>
                    <span th:if="${session.car!=null}" class="org"th:text="${'('+session.car.size()+')'}"></span>件

                </a>
            </li>
            <li class="hoverClick">
                <a class="border" target="_blank" title="我的虎居" href="/member" rel="nofollow">
                    我的虎居
                    <i class="iconfont up">&#xe608;</i>
                </a>
                <div class="serve-up hoverOpen">
                    <ul>
                        <li>
                            <a target="_blank" title="待付款订单" href="#" rel="nofollow">待付款订单</a>
                        </li>
                        <li>
                            <a target="_blank" title="我的优惠券" href="#" rel="nofollow">我的优惠券</a>
                        </li>
                        <li>
                            <a target="_blank" title="我的关注" href="#" rel="nofollow">我的关注</a>
                        </li>
                    </ul>
                </div>
            </li>

            <li class="hoverClick">
                <a class="border" target="_blank" title="关于我们" rel="nofollow" href="#">
                    关于我们
                    <i class="iconfont up">&#xe608;</i>
                </a>
                <div class="serve-up hoverOpen">
                    <ul>
                        <li>
                            <a target="_blank" title="关于我们" rel="nofollow" href="#">关于我们</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</div>

<!-- logo-search -->
<div class="logo-search">
    <h1 class="logo">
        <a title="外卖新鲜极速送—上虎居网上商城" href="/">
            <img alt="外卖新鲜极速送—上虎居网上商城" th:src="@{/picture/logo.png}"/>
        </a>
    </h1>
    <div class="search-main">

        <!--	搜索框-->
        <div class="search-box" th:include="search::search-frm"></div>
        <script type="text/javascript">
            $(document).on('keyup', '.search-box', function (event) {
                if (event.keyCode == 13) {
                    $('#search-goods').trigger('click');
                }
            });

            function size(obj) {
                obj.classList.add("org");
            }

            function size1(obj) {
                obj.classList.remove("org");
            }

            /**
             * @return mixed
             * */
            function searchFun() {
                var search = $('#search-value').val() ? '-' + $('#search-value').val() : '';

                if (isRealNum($('#search-value').val())) {
                    window.location.href = "/goods" + search + ".html";
                } else {
                    window.location.href = "/search" + search + ".html";
                }

            }


            function isRealNum(val) {
                if (val === "" || val == null) {
                    return false;
                }
                if (!isNaN(val)) {
                    return true;
                } else {
                    return false;
                }
            }
        </script>
        <div class="search-hot">
        </div>
    </div>
    <div class="shopCart hoverClick">
        <div class="hoverOpen">
            <div class="settleup-content">
                <div class="mc">
                    <ul>
                        <li>
                            <div class="p-img">
                                <a target="_blank">
                                    <img   width="50" height="50">
                                </a>
                            </div>
                            <div class="p-name">
                                <a target="_blank" title="test3">test3</a>
                            </div>
                            <div class="p-number">
                                <span class="num">1</span>
                                <div class="count">
                                    <a class="count-add"><i class="iconfont icon-up">&and;</i></a>
                                    <a class="count-remove"><i class="iconfont icon-down">&or;</i></a>
                                </div>
                            </div>
                            <div class="p-oper">
                                <div class="price"><em>¥</em>0.01</div>
                                <a class="remove">删除</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="mb">
                    <input name="cart_value" type="hidden">
                    <div class="p-total">共1件商品&nbsp;&nbsp;共计：0.01</div>
                    <a th:href="@{/cart/tocart}" target="_blank" class="btn-cart">去购物车</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="nav-main-box">
    <div class="nav-box">
        <div class="pull-nav">
            <a class="pull-a">
                <i></i>商品分类
            </a>
            <div class="pull-box" th:include="category::category-box">
            </div>

        </div>
        <div class="menu-nav">
            <ul>
                <li>
                    <a th:href="@{/index/index}" target="_blank" title="首页">首页</a>
                </li>
                <li>
                    <a target="_blank" title="家具馆" th:href="@{/furniture/list}">家具馆</a>
                </li>
                <li>
<!--                    <a target="_blank" title="建材馆" th:href="@{/material/list}">建材馆</a>-->
                </li>
                <li>
                    <a target="_blank" title="体验店" th:href="@{/experience/list}">体验店</a>
                </li>
                <li>
                    <a target="_blank" title="精品细粮" href="http://admin.huju168.com/main/index">精品细粮</a>
                </li>

            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<script type="text/javascript">
    var siteThreeClassArr = [];
    var siteClassBrandArr = [];

    // }

    /**
     * 赋予分类数据
     * */
    function siteClassStyleFun(data, me) {
        var html = '';

        $.each(data, function (i, obj) {
            if (i > 4) {
                return false;
            }

            var info2 = {};

            info2['cate_id'] = obj['cate_id'];
            info2['cate_name'] = obj['cate_name'];
            siteClassBrandArr[i] = info2;

            if (obj['sons'] && obj['sons'].length > 0) {
                html += '<div class="classify-for">';
                var data = [];
                var tips = 0;
                $.each(obj['sons'], function (x, cla) {
                    html += '<dl>';
                    html += '   <dt><a target="_blank" title="' + cla['cate_name'] + '" href="/category-' + cla['cate_code_id'] + '">' + cla['cate_name'] + '</a></dt>';
                    html += '   <dd>';

                    if (cla['sons'].length > 0) {
                        $.each(cla['sons'], function (z, _cla) {
                            var org = '';
                            if (_cla['cate_is_highlight'] == 1) {
                                org = 'class="org"';
                            }
                            html += '<a target="_blank" title="' + _cla['cate_name'] + '" ' + org + ' href="/category-' + _cla['cate_code_id'] + '-' + _cla['cate_leve'] + '">' + _cla['cate_name'] + '</a>';
                        });
                    } else {
                        html += '&nbsp;';
                    }

                    html += '   </dd>';
                    html += '</dl>';
                });
                html += '</div>';

                html += '<div class="recomBrand recomBrand-' + i + '">';
                html += '   <dl class="brand">';
                html += '   </dl>';
                html += '   <dl class="activity">';
                html += '   </dl>';
                html += '</div>';
            }
        });

        me.find('.pull-down').html(html);
        giveSiteClassBrandFun();
        giveSiteClassAdFun();
    }

    /**
     * 分类下面的品牌
     * */
    function giveSiteClassBrandFun() {
        $.each(siteClassBrandArr, function (i, obj) {
            if (obj['cate_id']) {
                $.ajax({
                    url: '/site/ajax-class-brand',
                    type: 'post',
                    data: {
                        cateId: obj['cate_id'],
                        _csrf: 'QwXQXfBKEVemT0XARBB-4VMxkjhJ8y6XrLeeY3tgMAp0Q7wtxQJLA-s3CvUMfg-yOkPbTwqlA8D47vMsDBIERQ=='
                    },
                    dataType: 'json',
                    success: function (json) {
                        if (json['ret'] == 200) {
                            var html = '';
                            if (json['data'] && json['data'].length > 0) {
                                html += '   <dt>推荐品牌</dt>';
                                $.each(json['data'], function (z, _obj) {
                                    var logo = '/shop_pc/images/img/tiyandian.jpg';
                                    if (_obj['brand_logo']) {
                                        logo = _obj['brand_logo'];
                                    }

                                    var brandName = '';
                                    if (_obj['brand_name']) {
                                        brandName = _obj['brand_name'];
                                    }

                                    if (z < 6) {
                                        html += '<dd><a target="_blank" title="brandName" href="/search-' + brandName + '.html"><img alt="' + brandName + '" src="' + logo + '?imageView2/1/w/100/h/44/q/100/" /></a></dd>';
                                    }

                                });
                                $('.recomBrand-' + i).find('.brand').html(html);
                            }

                        } else {
                            //layer.msg(json['msg']);
                        }
                    },
                    error: function (reg) {
                        console.log(reg);
                    }
                });
            }
        });
    }

    /**
     * 分类下面的广告
     * */
    function giveSiteClassAdFun() {
        $.each(siteClassBrandArr, function (i, obj) {
            if (obj['cate_id']) {
                var code = '';
                var cateId = obj['cate_id'];

                // 正式
                if (cateId == '4cef7c957d5a4d89926f97fb25e3a9d2') {
                    code = '10134';
                } else if (cateId == 'f87eae197057402f9fa4afa41e4907c0') {
                    code = '10135';
                } else if (cateId == '8f4927268851460a97781ad031822b66') {
                    code = '10136';
                } else if (cateId == '29938d6509ea43a8acc1849b5326a942') {
                    code = '10137';
                } else if (cateId == '1f276fee4d1742d6a55833317275e56b') {
                    code = '10138';
                }

                $.ajax({
                    url: '/site/ajax-class-ad',
                    type: 'post',
                    async: false,
                    data: {
                        code: code,
                        _csrf: 'QwXQXfBKEVemT0XARBB-4VMxkjhJ8y6XrLeeY3tgMAp0Q7wtxQJLA-s3CvUMfg-yOkPbTwqlA8D47vMsDBIERQ=='
                    },
                    dataType: 'json',
                    success: function (json) {
                        if (json['ret'] == 200) {
                            var html = '';
                            if (json['data']) {
                                html += '   <dt>精选活动</dt>';
                                html += '   <dd><a target="_blank" title="' + json['data']['position']['advertisingList'][0]['materialList'][0]['name'] + '" href="' + json['data']['position']['advertisingList'][0]['materialList'][0]['href'] + '"><img alt="' + json['data']['position']['advertisingList'][0]['materialList'][0]['name'] + '" src="' + json['data']['position']['advertisingList'][0]['materialList'][0]['file_key'] + '?imageView2/1/w/220/h/120/q/100/"></a></dd>';
                                $('.recomBrand-' + i).find('.activity').html(html);
                            }

                        } else {
                            //layer.msg(json['msg']);
                        }
                    },
                    error: function (reg) {
                        console.log(reg);
                    }
                });
            }
        });
    }
</script>
<div class="global-banner">
    <div class="hd">
        <ul>
            <li class="active">1</li>
            <li class="">2</li>
        </ul>
    </div>
    <div class="bd">
<!--        顶部四张轮播图-->
        <ul>
            <li style="display: list-item;">
                <a target="_blank" title="c-p首页banner-农产品" href="https://www.huju168.com/event/2019/08/529799.html">
                    <img alt="c-p首页banner-农产品" th:src="@{/picture/501cda8ba6994703a2b98436b19778c3.gif}">
                </a>
            </li>
            <li style="display: list-item;">
                <a target="_blank" title="建材馆专题页—【虎居】" href="https://www.huju168.com/event/2019/08/639182.html">
                    <img alt="建材馆专题页—【虎居】" th:src="@{/picture/752019c33f244804940847598628de59.gif}">
                </a>
            </li>
            <li style="display: list-item;">
                <a target="_blank" title="【家具网活动】,家具商城活动，家具城活动—购买super会员赠大礼包!"
                   href="https://www.huju168.com/event/2019/05/841470.html">
                    <img alt="【家具网活动】,家具商城活动，家具城活动—购买super会员赠大礼包!"
                         th:src="@{/picture/dacf8f47e4b8411281db155a6a43b5db.gif}">
                </a>
            </li>
            <li style="display: list-item;">
                <a target="_blank" title="虎居家具网诚邀您的加盟实现共赢" href="https://www.huju168.com/event/2018/09/342505.html">
                    <img alt="虎居家具网诚邀您的加盟实现共赢" th:src="@{/picture/1bbafe8131b648e88093af976a58db59.gif}">
                </a>
            </li>

        </ul>
    </div>
</div>
<div class="container">
    <div class="recommend-brand louti picScroll-left" id="miaosha" ectype="floorItem">
        <div class="title alt"></div>
        <div class="bda"></div>

        <div class="brand-ad">
            <a target="_blank" title="" href="">
                <img class="lazy" alt="" data-original="" src="" style="display: inline;">
            </a>
        </div>
    </div>


<!--    水果-->
    <div class="floor-tabbox louti" id="floor1" ectype="floorItem">
        <div class="title alt org">
            <h2 style="font-size: 20px;font-weight: bold;color: #666;"><a title="应时而采，新鲜特供！" href="https://www.huju168.com/category-43424641">水果</a></h2>
        </div>
        <div class="mattr-box">
            <div class="ad fl slideBox">
                <div class="hd">
                    <ul>
                        <li class="on">1</li>
                        <li class="active">2</li>
                    </ul>
                </div>
                <div class="bd">
                    <div class="tempWrap" style="overflow:hidden; position:relative; width:330px">
                        <ul style="width: 660px; left: -330px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">
<!--                            水果栏左部三张轮播图-->
                            <li style="float: left; width: 330px;">
                                <a target="_blank" title="卧室家具_客厅家具_餐厅家具_书房办公家具_儿童家具（C-P首页家具楼层一）"
                                   href="https://www.huju168.com/category-43424641">
                                    <img alt="卧室家具_客厅家具_餐厅家具_书房办公家具_儿童家具（C-P首页家具楼层一）"
                                         th:src="@{/picture/e4c985aac5d24fb896d6151432d9aca6.gif}">
                                </a>
                            </li>
                            <li style="float: left; width: 330px;">
                                <a target="_blank" title="奢扉家居—家具、建材网购商城-专业O2O家居商城（C-P首页家具楼层一）"
                                   href="https://www.huju168.com/shop-995283">
                                    <img alt="奢扉家居—家具、建材网购商城-专业O2O家居商城（C-P首页家具楼层一）"
                                         th:src="@{/picture/4e1ecf40f03147558bf59814d79bd06b.gif}">
                                </a>
                            </li>
                            <li style="float: left; width: 330px;">
                                <a target="_blank" title="悠然家居—家具、建材网购商城-专业O2O家居商城（C-P首页家具楼层一）"
                                   href="https://www.huju168.com/shop-995039">
                                    <img alt="悠然家居—家具、建材网购商城-专业O2O家居商城（C-P首页家具楼层一）"
                                         th:src="@{/picture/8c659e93d20c452cb7a81718c7c52ee7.gif}">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="list fl">

                <div class="list-4 mt">
                    <ul>
                        <li th:each="pro : ${application.fruit.getRecords()}">
                            <a target="_self" th:title="${pro.epDescription}"
                               th:href="@{/goods/detail(pid=${pro.epId})}">
                                <img alt="书房仿古家具,红木书房家具,书房整体家具—【虎居】"
                                     th:src="@{'/picture/'+${pro.epFileName}}"/>
                            </a>
                        </li>
                    </ul>

                </div>
            </div>
        </div>

<!--    水果下的横幅-->
        <div class="brand-ad">
            <a target="_blank" title="虎居产品横条-1" href="https://www.huju168.com/goods-1903224388.html">
                <img alt="虎居产品横条-1" class="lazy" data-original="static/picture/fd15ba400dc7416da77f9b44ea981a2e.gif"
                     src="https://img20.lhnf168.com/FpM__FDKKRPO73C9Mt4SGxqTRPqe" style="display: inline;">
            </a>
        </div>

    </div>
<!--    蔬菜-->
    <div class="floor-tabbox louti" id="floor2" ectype="floorItem">
        <div class="title alt org">
            <h2 style="font-size: 20px;font-weight: bold;color: #666;"><a title="绿色生态，限定精选！"href="https://www.huju168.com/category-14606176">蔬菜</a></h2>
        </div>
        <div class="mattr-box">
            <div class="ad fl slideBox">
                <div class="hd">
                    <ul>
                        <li class="on">1</li>
                        <li class="active">2</li>
                    </ul>
                </div>
                <div class="bd">
                    <div class="tempWrap" style="overflow:hidden; position:relative; width:330px">
                        <ul style="width: 660px; left: -330px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">
                            <li style="float: left; width: 330px;">
                                <a target="_blank" title="C-P首页 建材商城-巅峰钜惠"
                                   href="https://www.huju168.com/category-0f853c5abd284c55ba2473eac9cc4281">
                                    <img alt="C-P首页 建材商城-巅峰钜惠"
                                         th:src="@{/picture/16352c80068049d8ba9788e17c177a98.gif}">
                                </a>
                            </li>
                            <li style="float: left; width: 330px;">
                                <a target="_blank" title="c-p首页 建材上传-终极让利"
                                   href="https://www.huju168.com/category-0f853c5abd284c55ba2473eac9cc4281">
                                    <img alt="c-p首页 建材上传-终极让利"
                                         th:src="@{/picture/1188566907be40ca8f467d26997aa1d7.gif}">
                                </a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
            <div class="list fl">
                <div class="list-4 mt">
                    <ul>
                        <li th:each="pro : ${application.vegetable.getRecords()}">
                            <a target="_self" th:title="${pro.epDescription}"
                               th:href="@{/goods/detail(pid=${pro.epId})}">
                                <img alt="书房仿古家具,红木书房家具,书房整体家具—【虎居】"
                                     th:src="@{'/picture/'+${pro.epFileName}}"/>
                            </a>
                        </li>
                    </ul>

                </div>
            </div>
        </div>

<!--        蔬菜下的横幅-->
        <div class="brand-ad">
            <a target="_blank" title="双人床活动价" href="https://www.huju168.com/goods-1902261591.html">
                <img alt="双人床活动价" class="lazy" data-original="static/picture/cccb3edafcc549f5b02a37ba726fc719.gif"
                     src="https://img20.lhnf168.com/Fp3IkwTqkMZa-13kls7tebQ8cJYr" style="display: inline;">
            </a>
        </div>


    </div>
<!--    肉禽蛋品-->
    <div class="floor-tabbox louti" id="floor3" ectype="floorItem">
        <div class="title alt org">
            <h2 style="font-size: 20px;font-weight: bold;color: #666;"><a title="肉香四溢，大快朵颐！"href="https://www.huju168.com/category-10167202">肉禽蛋品</a>
            </h2>
        </div>
        <div class="mattr-box">
            <div class="ad fl slideBox">
                <div class="hd">
                    <ul>
                        <li class="on">1</li>
                        <li class="active">2</li>
                    </ul>
                </div>
                <div class="bd">
                    <div class="tempWrap" style="overflow:hidden; position:relative; width:330px">
                        <ul style="width: 660px; left: -330px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">
                            <li style="float: left; width: 330px;">
                                <a target="_blank" title="【绘萱家纺】,床品套件,家具建材网购商城-专业O2O家居商城"
                                   href="https://www.huju168.com/shop-995135">
                                    <img alt="【绘萱家纺】,床品套件,家具建材网购商城-专业O2O家居商城"
                                         th:src="@{/picture/c6320f3564b14345b5ba5670a1b67d82.gif}">
                                </a>
                            </li>
                            <li style="float: left; width: 330px;">
                                <a target="_blank" title="【金帝美达】,家具建材网购商城-专业O2O家居商城"
                                   href="https://www.huju168.com/shop-995350">
                                    <img alt="【金帝美达】,家具建材网购商城-专业O2O家居商城"
                                         th:src="@{/picture/74cf28bec03a4b6497d19ea936be112f.gif}">
                                </a>
                            </li>
                            <li style="float: left; width: 330px;">
                                <a target="_blank" title="智能家居十大品牌排名,智能家居价格—【虎居】"
                                   href="https://www.huju168.com/category-19392726">
                                    <img alt="智能家居十大品牌排名,智能家居价格—【虎居】"
                                         th:src="@{/picture/29569b84977e4ccb8e6b8b7b9bb85417.gif}">
                                </a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
            <div class="list fl">
                <div class="list-4 mt">
                    <ul>
                        <li th:each="pro : ${application.meat.getRecords()}">
                            <a target="_self" th:title="${pro.epDescription}"
                               th:href="@{/goods/detail(pid=${pro.epId})}">
                                <img alt="书房仿古家具,红木书房家具,书房整体家具—【虎居】"
                                     th:src="@{'/picture/'+${pro.epFileName}}"/>
                            </a>
                        </li>
                    </ul>

                </div>
            </div>
        </div>

<!--    肉禽蛋类下的横幅-->
        <div class="brand-ad">
            <a target="_blank" title="壁画活动价" href="https://www.huju168.com/goods-1902265368.html">
                <img alt="壁画活动价" class="lazy" data-original="static/picture/606993ebfb094270ac8d762a856e990e.gif"
                     src="https://img20.lhnf168.com/FrKWjrNcp8JXX9Y-Pc9r8AmvZY0j" style="display: inline;">
            </a>
        </div>


    </div>
<!--    五谷杂粮-->
    <div class="floor-tabbox louti" id="floor4" ectype="floorItem">
        <h2 class="title alt org">
            <a title="五谷杂粮，即使享受！" href="https://www.huju168.com/category-17033408">五谷杂粮</a>
        </h2>
        <div class="mattr-box">
            <div class="ad fl slideBox">
                <div class="hd">
                    <ul>
                        <li class="on">1</li>
                        <li class="active">2</li>
                    </ul>
                </div>
                <div class="bd">
                    <div class="tempWrap" style="overflow:hidden; position:relative; width:330px">
                        <ul style="width: 660px; left: -330px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">
                            <li style="float: left; width: 330px;">
                                <a target="_blank" title="C-P首页 电器商城-名品电器"
                                   href="https://www.huju168.com/category-17033408">
                                    <img alt="C-P首页 电器商城-名品电器"
                                         th:src="@{/picture/e15f94fa6b2c40c49326a02c684551ae.gif}">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="list fl">
                <div class="list-4 mt">
                    <ul>
                        <li th:each="pro : ${application.grain.getRecords()}">
                            <a target="_self" th:title="${pro.epDescription}"
                               th:href="@{/goods/detail(pid=${pro.epId})}">
                                <img alt="书房仿古家具,红木书房家具,书房整体家具—【虎居】"
                                     th:src="@{'/picture/'+${pro.epFileName}}"/>
                            </a>
                        </li>
                    </ul>

                </div>
            </div>
        </div>

<!--    五谷杂粮下的横幅-->
        <div class="brand-ad">
            <a target="_blank" title="沙发钜惠" href="https://www.huju168.com/goods-1902262582.html">
                <img alt="沙发钜惠" class="lazy" data-original="static/picture/d23a04c4c19c4da290f4de65c148344e.gif"
                     src="https://img20.lhnf168.com/Fo962EA-SFpKoHiJtHhgy4s5Ej7c" style="display: inline;">
            </a>
        </div>


    </div>


    <!-- 体验店 -->
    <div class="discovery-hall" id="floor5" ectype="floorItem"></div>

    <!--推荐体验店模板-->
    <script id="recommendExp" type="text/html">
        <div class="title alt">
            <span><%:=cityName%></span> · 体验店
            <a target="_blank" class="fr" href="/experience">
                查看更多体验店
            </a>
        </div>
        <div class="hallList">
            <ul>
                <% for(var i=0;i < data.length ;i++) {
                if(i > 3) {break}
                var expImg = data[i]['exp_img'].split(',')
                var areaName = data[i]['exp_area_name'].split(',')
                areaName = data[i]['exp_area_name'].split(',').join(' ')
                var serviceName = data[i]['service_name'].split(',')
                var serviceImg = data[i]['service_img'].split(',')
                %>
                <li>
                    <a target="_blank" title="<%:=data[i]['exp_name']%>"
                       href="/experience-<%:=data[i]['exp_code_id']%>.html">
                        <div class="img-box">
                            <img alt="<%:=data[i]['exp_name']%>"
                                 src="<%if(expImg[0]){%><%:=expImg[0]%>?imageView2/1/w/180/h/140/q/100/<%}else{%>/shop_pc/images/img/tiyandian.jpg<%}%>">
                        </div>
                        <div class="text">
                            <strong><%:=data[i]['exp_name']%></strong>
                            <p class="tell">
                                <i></i>
                                <%:=data[i]['exp_phone']%>
                            </p>
                            <p class="site">
                                <i></i>
                                <span><%:=areaName%> <%:=data[i]['exp_area_address']%></span>
                            </p>
                            <%if(data[i]['exp_start']!=''){%>
                            <p class="site time">
                                <i></i>
                                <span>营业时间：<%:=data[i]['exp_start']%></span>
                            </p>
                            <%}%>
                            <%if(data[i]['service_name']!=''&&data[i]['service_img']!=''){%>
                            <p class="tis">
                                <%for(var j=0;j < serviceName.length;j++){%>
                                <%for(var k=0;k < serviceImg.length ;k++){%>
                                <%if(j==k){%>
                                <span class="icon-<%:=j+1%>">
                                                <img alt="<%:=serviceName[j]%>"
                                                     src="<%if(serviceImg[k]){%><%:=serviceImg[k]%><%}else{%>/shop_pc/images/img/tiyandian.jpg<%}%>"
                                                     style="width: 14px; height: 14px;"/>
                                                <%:=serviceName[j]%>
                                            </span>
                                <%}%>
                                <%}%>
                                <%}%>
                            </p>
                            <%}%>
                        </div>
                    </a>
                </li>
                <%}%>
            </ul>
        </div>
    </script>
</div>


<div class="fixed-side" ectype="lift" style="left: 77.5px; top: 50%;">
    <ul>
<!--        通过id来绑定位置-->
        <li ectype="liftItem" data-target="#floor1">
            <a>
                <i class="icon-1"></i>
                水果
            </a>
        </li>
        <li ectype="liftItem" data-target="#floor2">
            <a>
                <i class="icon-2"></i>
                蔬菜
            </a>
        </li>
        <li ectype="liftItem" data-target="#floor3">
            <a>
                <i class="icon-3"></i>
                肉类
            </a>
        </li>
        <li ectype="liftItem" data-target="#floor4">
            <a>
                <i class="icon-4"></i>
                杂粮
            </a>
        </li>
    </ul>
</div>


<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js}';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js}';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

<script type="text/javascript" th:src="@{/js/b841fbb407a948d1b6ebede3723ddbd1.js}"></script>
<script type="text/javascript">

    //时间为一位数时显示格式为："0X"
    function checkTime(i) {
        if (i < 10) {
            i = "0" + i;
        }
        return i;
    }

    (function ($) {
        $.fn.extend({
            setTimers: function () {
                $(this).each(function (item, i) {
                    if ($(this).attr('data-time')) {
                        (function (dom) {
                            var k = dom.attr('diff-key');

                            function timer() {
                                var intdiff = dom.attr('data-time');
                                var type = dom.attr('type');
                                var end = new Date(intdiff).getTime();
                                var timestamp = new Date().getTime();
                                var diff = (end - timestamp);
                                var d = h = m = s = 0;
                                var d = parseInt(diff / 1000 / 60 / 60 / 24, 10); //计算剩余的天数
                                //var h = parseInt(diff / 1000 / 60 / 60 % 24 , 10); //计算剩余的小时
                                var h = parseInt(diff / 1000 / 60 / 60, 10); //计算剩余的小时
                                var m = parseInt(diff / 1000 / 60 % 60, 10);//计算剩余的分钟
                                var s = parseInt(diff / 1000 % 60, 10);//计算剩余的秒数
                                h = checkTime(h);
                                m = checkTime(m);
                                s = checkTime(s);
                                if (type == 2) {
                                    if (diff <= 0) {
                                        clearInterval(k);
                                        window.location.reload();
                                    } else {
                                        var html = '';
                                        html += '距开始';
                                        html += '<span class="hours">' + h + '</span> 时';
                                        html += '<span class="minutes">' + m + '</span> 分';
                                        html += '<span class="seconds">' + s + '</span>秒';
                                        dom.html(html);
                                        //dom.html('<i></i>剩余'+h+'小时'+ m+'分'+s+'秒');
                                    }
                                } else {
                                    if (diff <= 0) {
                                        clearInterval(k);
                                        getSeckillInfoFun();
                                    } else {
                                        var html = '';
                                        html += '距结束';
                                        html += '<span class="hours">' + h + '</span> 时';
                                        html += '<span class="minutes">' + m + '</span> 分';
                                        html += '<span class="seconds">' + s + '</span>秒';
                                        dom.html(html);
                                        //dom.html('<i></i>剩余'+h+'小时'+ m+'分'+s+'秒');
                                    }
                                }
                            }

                            timer();
                            var k;
                            k = setInterval(timer, 1000);
                        })($(this));
                    }
                })
            }
        });
    })(jQuery);

</script>
<!-- footer -->
<div class="footer">
    <div class="footer-new-top">
        <div class="w1180">
            <ul class="service-list">
                <li>
                    <i class="icon-1"></i>
                    <strong>权威可信</strong>
                    <p>商家经过严格实名认证</p>
                </li>
                <li>
                    <i class="icon-2"></i>
                    <strong>就近购买</strong>
                    <p>优先展示附近商家</p>
                </li>
                <li>
                    <i class="icon-3"></i>
                    <strong>线下体验</strong>
                    <p>全国数十万家体验店</p>
                </li>
                <li>
                    <i class="icon-4"></i>
                    <strong>商品直卖</strong>
                    <p>厂家直卖用户无中间商</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer-new-con">
        <div class="w1180">
            <div class="help-list">
                <div class="tel">
                    <em>全国客服热线</em>
                    <strong>400-9028-521</strong>
                </div>
                <dl>
                    <dt>新手指南</dt>
                    <dd><a target="_blank" rel="nofollow" title="隐私保护" href="/help-1513-1.html">隐私保护</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="注册引导" href="/help-1017-1.html">注册引导</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="购物流程" href="/help-6512-1.html">购物流程</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="常见问题" href="/help-3845-1.html">常见问题</a></dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><a target="_blank" rel="nofollow" title="发展历程" href="/help-4441-1.html">发展历程</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="虎居招聘" href="/help-8791-1.html">虎居招聘</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="联系我们" href="/help-4206-1.html">联系我们</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="平台简介" href="/help-1264-1.html">平台简介</a></dd>
                </dl>
                <dl>
                    <dt>服务保障</dt>
                    <dd><a target="_blank" rel="nofollow" title="正品保障" href="/help-4356-1.html">正品保障</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="7天无理由退换货" href="/help-4438-1.html">7天无理由退换货</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="退货退款" href="/help-4434-1.html">退货退款</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="纠纷处理" href="/help-1257-1.html">纠纷处理</a></dd>
                </dl>
                <dl>
                    <dt>加入我们</dt>
                    <dd><a target="_blank" rel="nofollow" title="操作引导" href="/help-4448-1.html">操作引导</a></dd>
                    <dd><a target="_blank" rel="nofollow" title="农业资讯" href="https://www.huju168.com/zixun">农业资讯</a>
                    </dd>
                    <dd><a target="_blank" rel="nofollow" title="登录入口" href="/help-1276-1.html">登录入口</a></dd>
                </dl>

                <div class="qr-code">
                    <div class="code_img">
                        <img alt="虎居网 关注微信公众号-外卖极速达平台" th:src="@{/picture/vipcn.jpg}"/>
                        <p>关注微信公众号</p>
                    </div>
                    <div class="qr-item">
                        <img alt="虎居网 下载虎居APP-外卖极速达平台" th:src="@{/picture/app.png}"/>
                        <p>下载虎居APP</p>
                    </div>
                </div>
            </div>

            <div class="copyright_links">
                <a target="_blank" href="/register-info.html">
                    注册协议
                </a>
                <span class="spacer"></span>
                <a class="p-kefu" onclick="openZoosUrl('chatwin');">
                    联系客服
                </a>
                <span class="spacer"></span>
                <a target="_blank" title="全部分类" href="/class.html">
                    全部分类
                </a>
                <span class="spacer"></span>
                <a target="_blank" title="站点地图" href="/map.html">
                    站点地图
                </a>
                <span class="spacer"></span>
                <a rel="nofollow" target="_blank" title="APP下载" href="/download">
                    APP下载
                </a>
                <a style="display: none;" target="_blank" title="sitemap" href="/sitemap.xml">
                    sitemap
                </a>
            </div>
            <div class="friendship">
                <dl>
                    <dt>
                        友情链接：
                    </dt>
                    <dd>
                        <a target="_blank" title="家具网上商城" href="https://www.huju168.com">家具网上商城</a>
                        <a target="_blank" title="青海车库门" href="http://www.13007788005.com">青海车库门</a>
                        <a target="_blank" title="硅藻泥加盟" href="http://www.hygzn.com/">硅藻泥加盟</a>
                        <a target="_blank" title="酒店设计公司" href="http://www.cdkester.com">酒店设计公司</a>
                        <a target="_blank" title="郴州装修公司" href="https://cz.qszs.com">郴州装修公司</a>
                        <a target="_blank" title="济南装修" href="http://www.wmkjzx.cn ">济南装修</a>
                        <a target="_blank" title="滁州装修" href="http://chuzhou.qizuang.com/">滁州装修</a>
                        <a target="_blank" title="潍坊齐家居美装饰" href="http://www.wfqjjm.com ">潍坊齐家居美装饰</a>
                        <a target="_blank" title="老赖不赖门窗官网" href="http://fmj.chinamenwang.com/ ">老赖不赖门窗官网</a>
                        <a target="_blank" title="木门十大品牌" href="http://top10.chinammw.cn/   ">木门十大品牌</a>
                        <a target="_blank" title="淋浴房" href="http://www.chinalyf.com">淋浴房</a>
                        <a target="_blank" title="海外房产" href="http://www.fanghw.com/">海外房产</a>
                        <a target="_blank" title="布克厨卫" href="http://buke.co.chinachugui.com">布克厨卫</a>
                        <a target="_blank" title="智能家居" href="http://www.quzhai.cn">智能家居</a>
                        <a target="_blank" title="蹲便器水箱" href="http://www.oli-world.cn/">蹲便器水箱</a>
                        <a target="_blank" title="雅安装修公司 " href="http://www.scwxj.cn">雅安装修公司 </a>
                        <a target="_blank" title="服装店装修" href="http://www.gddszs.com">服装店装修</a>
                        <a target="_blank" title="惠州装修公司" href="http://hz.mingdiao.com.cn">惠州装修公司</a>
                        <a target="_blank" title="1918别墅装饰" href="http://www.1918bszx.com ">1918别墅装饰</a>
                        <a target="_blank" title="贵州镀锌管" href="http://www.gzfjsgc.com">贵州镀锌管</a>
                        <a target="_blank" title="兴义门窗厂" href="http://www.xykkmc.com">兴义门窗厂</a>
                        <a target="_blank" title="遵义水泥排水管" href="http://www.zyjrjcgs.com">遵义水泥排水管</a>
                    </dd>
                </dl>
            </div>
            <p class="copyright">版权所有 copyright 2017-2022 <a href="https://www.huju168.com/" title="虎居网上商城">四川蓝海农夫数字科技有限公司</a>
                (400028521) </p>
            <p class="copyright"><a class="beian" rel="nofollow" target="_blank"
                                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51019002001684"><img
                    th:src="@{/picture/58c94020eabf4431b9284ef49fd6bfa2.gif}"/>&nbsp;<span>川公网安备 51019002001684号</span></a><span
                    class="spacer"></span><a target="_blank" href="http://www.miibeian.gov.cn" rel="nofollow">网站备案/许可证号：蜀ICP备18008634号-1</a>
                <span class="spacer"></span> <a target="_blank" href="/edi.html" rel="nofollow">经营许可证：川B2-20180361</a>
            </p></div>
    </div>
</div>

<script id="areasListTmp" type="text/html">
    <a class="site border">
        <span class="poitionCity"><%:=cityName%></span>
        <%if(data['common_areas'].length>0){%>
        <span class="org">[切换城市]</span>
        <%}%>
    </a>

    <%if(data['common_areas'].length>0){%>
    <div class="site-up dorpdown-layer hoverOpen">
        <div class="ui-areamini-content-wrap" id="ui-content-wrap">
            <%if(data['hot_areas'].length>0){%>
            <div class="hot">
                <%for(var i=0;i < data['hot_areas'].length;i++){%>
                <a rel="nofollow"
                   href="/site/switch-city?city=<%:=data['hot_areas'][i]['name']%>&adcode=<%:=data['hot_areas'][i]['adcode']%>&loginUrl=<%:=loginUrl%>"
                <%if(data['hot_areas'][i]['name'] == cityName){%>
                style="background: #ff0000; color: #fff;"
                <%}%> >
                <%:=data['hot_areas'][i]['name']%></a>
                <%}%>
            </div>
            <%}%>

            <%if(data['common_areas'].length>0){%>
            <div class="search-first-letter">
                <a data-letter="A">A</a>
                <a data-letter="B">B</a>
                <a data-letter="C">C</a>
                <a data-letter="D">D</a>
                <a data-letter="E">E</a>
                <a data-letter="F">F</a>
                <a data-letter="G">G</a>
                <a data-letter="H">H</a>
                <a data-letter="J">J</a>
                <a data-letter="K">K</a>
                <a data-letter="L">L</a>
                <a data-letter="M">M</a>
                <a data-letter="N">N</a>
                <a data-letter="P">P</a>
                <a data-letter="Q">Q</a>
                <a data-letter="R">R</a>
                <a data-letter="S">S</a>
                <a data-letter="T">T</a>
                <a data-letter="W">W</a>
                <a data-letter="X">X</a>
                <a data-letter="Y">Y</a>
                <a data-letter="Z">Z</a>
            </div>

            <div class="scrollBody" id="scrollBody">
                <div class="all-list" id="scrollMap">
                    <ul id="ul">
                        <%for(var i=0;i < data['common_areas'].length;i++){%>
                        <li data-id="<%:=i+1%>" data-name="<%:=data['common_areas'][i]['initial']%>">
                            <em><%:=data['common_areas'][i]['initial']%></em>
                            <div class="itme-city">
                                <%if(data['common_areas'][i]['areass'].length>0){%>
                                <%for(var j=0;j < data['common_areas'][i]['areass'].length;j++){%>
                                <a rel="nofollow"
                                   href="/site/switch-city?city=<%:=data['common_areas'][i]['areass'][j]['name']%>&adcode=<%:=data['common_areas'][i]['areass'][j]['adcode']%>&loginUrl=<%:=loginUrl%>"
                                   class="<%if(data['common_areas'][i]['areass'][j]['name'] == cityName){%>city_selected<%}%>"><%:=data['common_areas'][i]['areass'][j]['name']%></a>
                                <%}%>
                                <%}%>
                            </div>
                        </li>
                        <%}%>
                    </ul>
                </div>
                <div class="scrollBar" id="scrollBar">
                    <p id="city_bar"></p>
                </div>
                <input name="area_phpName" type="hidden" id="phpName">
            </div>
            <%}%>
        </div>
    </div>
    <%}%>
</script>

<script th:src="@{/js/lazyload.min.js}" 0="app\assets\AppAsset"></script>
<script th:src="@{/js/index.js}" 0="app\assets\AppAsset"></script>
<!--<script language="javascript" th:src="@{/js/lsjs.js}"></script>-->
<script type="text/javascript">

    function openWin(obj) {

        var where_goods = "";
        if ($(obj).attr('goods_id')) {
            where_goods = '&goods_id=' + $(obj).attr('goods_id');
        }

        var where_seller = "";
        if ($(obj).attr('ru_id')) {
            where_seller = '&ru_id=' + $(obj).attr('ru_id');
        }

        if ($(obj).attr('IM_type') != 'dsc') {
            var where = where_goods + where_seller;
        } else {
            var where = '';
        }
        var url = 'online.php?act=service' + where                   //转向网页的地址;
        var name = 'webcall';                         //网页名称，可为空;
        var iWidth = 700;                          //弹出窗口的宽度;
        var iHeight = 500;                         //弹出窗口的高度;
        //获得窗口的垂直位置
        var iTop = (window.screen.availHeight - 30 - iHeight) / 2;
        //获得窗口的水平位置
        var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
        window.open(url, name, 'height=' + iHeight + ',,innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');
    }
</script>

<!-- 百度统计  -->
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js}?ae46b3aea45eeb954b1d527fc7792211";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

</body>
</html>
